<template>
  <div class="page_padding">
    <MyNavBar :title="title" @goback="goback" />
    <div class="content">
      <van-collapse v-model="versionActive">
        <van-collapse-item :title="item.title" :name="item.id" v-for="item in versionData" :key="item.id">
          <p class="info" v-for="(li, index) in item.content" :key="index">{{ li }}</p>
        </van-collapse-item>
      </van-collapse>
    </div>
  </div>
</template>

<script>
import MyNavBar from '@com/MyNavBar'
export default {
  name: 'Version',
  components: { MyNavBar },
  props: {},
  data() {
    return {
      title: '版本说明',
      // 路由传参
      routerQuery: {},
      versionActive: [],
      versionData: [
        {
          id: 2,
          title: '版本1.2',
          content: ['1.优化评议栏。', '2.优化绩效榜。', '3.修复已知bug。'],
        },
        {
          id: 1,
          title: '版本1.1',
          content: [
            '1.优化图片视频预览组件。',
            '2.月小结季度总结必填字段校验以及暂存功能。',
            '3.优化退出APP应用。',
            '4.录音组件添加超长提示以及60S自动断开。',
            '5.更新操作手册。',
            '6.修改评议栏头部提示按钮。',
          ],
        },
        {
          id: 0,
          title: '版本1.0',
          content: [
            '1.打通易政网、安徽政务服务网、城市令用户体系，完成对接易政网APP。',
            '2.实现月小结、季度总结、月度评价、主管领导评价、同事互评功能。',
            '3.上线纪实本、评议栏、绩效榜、待办事项和通知消息应用。',
          ],
        },
      ],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.routerQuery = Object.assign({}, this.$route.query)
    this.versionActive = [this.versionData[0].id]
  },
  methods: {
    goback() {
      this.$router.go(-1)
    },
  },
}
</script>

<style lang="scss" scoped>
.page_padding {
  overflow-x: hidden;
}
.content {
  padding: 0 16px;
  /deep/ .van-cell__title {
    font-size: 14px;
    font-weight: bold;
  }
  .info {
    text-indent: 2em;
    margin: 8px 0;
    font-size: 13px;
    line-height: 23px;
  }
}
</style>
